﻿
@{
    ViewBag.Title = "Rover Test";
}


<link rel="stylesheet" href="~/Content/qunit.css" />

@section scripts
{
    <script type="text/javascript" src="/Scripts/qunit.js"></script>
    <script type="text/javascript" src="/Scripts/App/marsrovers.js"></script>
    <script type="text/javascript" src="/Scripts/App/movementstrategy.js"></script>
    <script type="text/javascript" src="/Scripts/App/rover.js"></script>
    <script type="text/javascript" src="/Scripts/Tests/rover.test.js"></script>
}

<h1 id="qunit-header">Qunit Example</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<div id="qunit-fixture">
    test markup, hidden
    
    <div class="roverDiv">
        <h2><span>Rover</span></h2>
        <fieldset>
            <legend>Position</legend>
            <div class="inputDiv">
                <label for="roverXCoordinate">X Coordinate</label>
                <input type="text" id="roverXCoordinate" />
            </div>
            <div class="inputDiv">
                <label for="roverYCoordinate">Y Coordinate</label>
                <input type="text" id="roverYCoordinate" />
            </div>
            <div class="inputDiv">
                <label for="orientation">Orientation</label>
                <select id="orientation">
                    <option value="N">N</option>
                    <option value="W">W</option>
                    <option value="S">S</option>
                    <option value="E">E</option>
                </select>
            </div>
        </fieldset>
        <div class="inputDiv">
            <label for="instructions">Instructions </label>
            <input type="text" id="instructions " />
        </div>
    </div>

</div>
